<template>
  <div id="Home">
    <button class="btn1">按钮1</button>
    <button class="btn2">按钮2</button>
    <button class="btn3">按钮3</button>
    <button @click="getBtn">获取按钮</button>
    <!-- <test-panel ref="panel"></test-panel>
    <test-toast ref="toast"></test-toast> -->

    <my-dialog></my-dialog>
  </div>
</template>

<script>
import myDialog from "./my-dialog.vue";
export default {
  name: "Home",
  components: {
    myDialog,
  },
  data() {
    return {
      testArr: [1, 2, 6],
      target: "btn1",
      options: {
        type: "",
        msg: "Hello World",
        data: "",
      },
    };
  },
  methods: {
    getBtn() {
      // this.$Dialog(document.querySelector("." + this.target));
      this.$Dialog.toastPlugin(document.querySelector("." + this.target));
    },
  },
};
</script>

<style lang="scss">
#Home {
  // z-index: 999999;
}
.btn1 {
  position: relative;
  color: red;
  z-index: 999999;
}
</style>
